<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>商户订单 已付款</title>
        <link rel="stylesheet" href="css/frozen.css">
        <link rel="stylesheet" href="css/style.css">
        <script src="js/zepto.min.js"></script>
        <script src="js/frozen.js"></script>
        <script src="js/jquery-1.9.1.min.js"></script>
        <script src="js/lib/juicer-min.js"></script>
        <script src="js/global.js"></script>
        <script src="js/jquery.jsonp.js"></script>
        <script src="js/biz/usercenter/shanghu_dingdan.js"></script>
    </head>
    <body ontouchstart="">
        <header class="ui-header ui-header-positive ui-border-b">
            <i class="ui-icon-return" onclick="history.back()"></i><h1>商户订单</h1>
        </header>
        <section class="ui-container">           
            <div class="w_tab">
                <ul class="ma_tab_title clearfix">
                    <li class="ma_active">已付款</li>
                    <li class="nopay" onclick="">待付款</li>
                    <li class="doed" onclick="">已完成</li>
                </ul>
                <div class="ma_con01"></div>
                <div class="ma_con02"></div>
                <div class="ma_con03"></div>
            </div>
        </section>
        <script>
        // tab
        $(function () {
           $('.ma_tab_title li').click(function(){
                //获得当前被点击的元素索引值
                var Index = $(this).index();
                //给菜单添加选择样式
                $(this).addClass('ma_active').siblings().removeClass('ma_active');
                //显示对应的div
                $('.w_tab').children('div').eq(Index).show().siblings('div').hide();
           
           });
        });
        </script>
        <script type="text/juicer" id="order1_tpl">
            {@each arrays as item, index}
            <ul class="order-list">
                <a href="dingdan_yifukuan.html?orderId=${item.id}">
                    <li>
                        <div class="order-list-pic">
                            <img src="${item.photos}" alt="">
                        </div>
                        <div class="order-list-intro">
                            <div class="order-list-intro-text">
                                <p>${item.supplierName}</p>
                                <p>订单号 : ${item.orderNo}</p>
                                <p>手机号 : ${item.buyTelphone}</p>
                            </div>
                            <div class="order-list-intro-button">
                                <button class="ui-btn ui-btn-transparent-blue">确定</button>
                            </div>
                        </div>
                    </li>
                </a>
            </ul>
            {@/each}
        </script>
        <script type="text/juicer" id="order0_tpl">
            {@each arrays as item, index}
            <ul class="order-list">
                <a href="dingdan_weifukuan.html?orderId=${item.id}">
                    <li>
                        <div class="order-list-pic">
                            <img src="${item.photos}" alt="">
                        </div>
                        <div class="order-list-intro">
                            <div class="order-list-intro-text">
                                <p>${item.supplierName}</p>
                                <p>订单号 : ${item.orderNo}</p>
                                <p>手机号 : ${item.buyTelphone}</p>
                            </div>
                            <div class="order-list-intro-button">
                                <button class="ui-btn ui-btn-transparent-red">待付款</button>
                            </div>
                        </div>
                    </li>
                </a>
            </ul>
            {@/each}
        </script>
        <script type="text/juicer" id="order4_tpl">
            {@each arrays as item, index}
            <ul class="order-list">
                <a href="dingdan_yiwancheng.html?orderId=${item.id}">
                    <li>
                        <div class="order-list-pic">
                            <img src="${item.photos}" alt="">
                        </div>
                        <div class="order-list-intro">
                            <div class="order-list-intro-text">
                                <p>${item.supplierName}</p>
                                <p>订单号 : ${item.orderNo}</p>
                                <p>手机号 : ${item.buyTelphone}</p>
                            </div>
                            <div class="order-list-intro-button">
                                <button class="ui-btn ui-btn-transparent-hui">已完成</button>
                            </div>
                        </div>
                    </li>
                </a>
            </ul>
            {@/each}
        </script>
    </body>
</html>
